import axios from 'axios'
import { ElMessage } from 'element-plus'
import { useUserStore } from '@/stores/user'
import router from '@/router'

// 创建axios实例
const service = axios.create({
  baseURL: import.meta.env.VITE_API_URL || '/api', // 从环境变量获取API地址
  timeout: 10000 // 请求超时时间
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    const userStore = useUserStore()
    if (userStore.token) {
      config.headers['Authorization'] = `Bearer ${userStore.token}`
    }
    return config
  },
  error => {
    console.error('请求错误:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    const res = response.data

    if (res.code !== 200) {
      // 不是每个错误都需要提示
      if (res.code !== 401) {
        ElMessage.error(res.message || '操作失败')
      }

      // token相关错误
      if ([401, 403].includes(res.code)) {
        const userStore = useUserStore()
        userStore.setToken('')
        userStore.setUserInfo(null)
        router.push('/login')
      }

      return Promise.reject(new Error(res.message || '操作失败'))
    }

    return res
  },
  error => {
    // 避免重复报错
    if (!error.isHandled) {
      console.error('响应错误:', error)

      // 处理 401 未授权错误
      if (error.response?.status === 401) {
        const userStore = useUserStore()
        userStore.setToken('')
        userStore.setUserInfo(null)
        router.push('/login')
        ElMessage.error('登录已过期，请重新登录')
      } else {
        ElMessage.error(error.message || '网络错误')
      }
      error.isHandled = true
    }

    return Promise.reject(error)
  }
)

export default service
